<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<%
	request.setAttribute("accessPath", request.getContextPath());
	%>
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>班级详情</title>

	<!-- Bootstrap Core CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

	<!-- MetisMenu CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

	<!-- DataTables CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
	rel="stylesheet">

	<!-- DataTables Responsive CSS -->

	<!-- Custom CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/dist/css/sb-admin-2.css"
	rel="stylesheet">

	<!-- Custom Fonts -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

	<link href="${ requestScope['accessPath']}/fontcss/css/foundation-datepicker.css" rel="stylesheet" type="text/css">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<style type="text/css">
#page-wrapper {
	margin: 0 0 0 0px;
}
</style>
	<style>
ul {
	list-style-type: none;
	margin: 0px 0;
}

ul {
	margin: 0;
}

li {
	display: inline-block;
}

li {
	margin: 0;
}

input.labelauty+label {
	font: 12px "Microsoft Yahei";
}

.table>tbody>tr>td {
	vertical-align: middle;
}
</style>
</head>

	<body
	style="font: 14px/1.5 'Microsoft YaHei', arial, tahoma, \5b8b\4f53, sans-serif;">

		<div id="wrapper">

			<div id="page-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1 class="page-header"
						style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>班级寝室考勤</h1>
					</div>

				</div>

				<div class="row">
					<div class="col-lg-12">
						<div class="panel panel-default">
							<div class="panel-heading">当前查看：${title}</div>
							<!-- /.panel-heading -->
							<div class="panel-body">
								<div class="col-lg-12">
									<h4 class="page-header"
										style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>寝室学生信息</h4>
								</div>
								<div class="dataTable_wrapper">
									<table class="table table-striped table-bordered table-hover"
										id="dataTables-example">
										<thead>
											<tr>
												<th width="50px">序号</th>
												<th>学号</th>
												<th>班级</th>
												<th>姓名</th>
												<th>状态</th>
												<th>生活区</th>
												<th>楼号</th>
												<th>寝室号</th>
												<th>时间</th>
											</tr>
										</thead>
										<tbody>
										<c:forEach var="member" items="${drlist}" varStatus="status">
													<c:if test="${member.id %2 == 0}">
                                            			<tr class="odd gradeX">
                                            		</c:if>
                                            		<c:if test="${member.id %2 != 0}">
                                            			<tr class="even gradeA">
                                            		</c:if>

										
												<td>${member.id}</td>
												<td>${member.studentId}</td>
												<td>${member.className}</td>
												<td>
													<a href="${requestScope['accessPath']}/query/studentInfo?studentid=${member.studentId}" target="mainFrame">${member.name}</a>
												</td>
												<td>
												<c:if test="${member.dcstate  == 1}">
													请假
												</c:if>
												<c:if test="${member.dcstate  == 2}">
													失联
												</c:if>
												<c:if test="${member.dcstate  == 3}">
													未点到
												</c:if>
												</td>
												<td>${member.quarter}</td>
												<td>${member.building}</td>
												<td>${member.dormNum}</td>
												<td>${member.dcdate}</td>

												</tr>
											</c:forEach>
											
										</tbody>
									</table>
								</div>

								<!-- /.table-responsive -->
								<div class="well">
									<h4>公告:</h4>
									<p>
										如有问题请联系 管理员
										<a target="_blank"
											href="https://datatables.net/">https://datatables.net/</a>
										.
									</p>

								</div>
							</div>
							<!-- /.panel-body -->
						</div>
						<!-- /.panel -->
					</div>
					<!-- /.col-lg-12 -->
				</div>
				<!-- /.row -->

			</div>
			<!-- /#page-wrapper -->

		</div>
		<!-- /#wrapper -->

		<!-- jQuery -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/jquery/dist/jquery.min.js"></script>

		<!-- Bootstrap Core JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

		<!-- Metis Menu Plugin JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.js"></script>

		<!-- DataTables JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>

		<!-- Custom Theme JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/dist/js/sb-admin-2.js"></script>

		<script src="${ requestScope['accessPath']}/fontcss/js/foundation-datepicker.js"></script>

		<script src="${requestScope['accessPath']}/fontcss/js/foundation-datepicker.zh-CN.js"></script>

		<!-- Page-Level Demo Scripts - Tables - Use for reference -->
		<script>
    $(document).ready(function() {
        $('#dataTables-example').DataTable({
        	
        	 language: {
        	        
        	        	  "sProcessing": "处理中...",
        	        	        "sLengthMenu": "显示 _MENU_ 项结果",
        	        	        "sZeroRecords": "没有匹配结果",
        	        	        "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
        	        	        "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
        	        	        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        	        	        "sInfoPostFix": "",
        	        	        "sSearch": "搜索:",
        	        	        "sUrl": "",
        	        	        "sEmptyTable": "表中数据为空",
        	        	        "sLoadingRecords": "载入中...",
        	        	        "sInfoThousands": ",",
        	        	        "oPaginate": {
        	        	            "sFirst": "首页",
        	        	            "sPrevious": "上页",
        	        	            "sNext": "下页",
        	        	            "sLast": "末页"
        	        	        },
        	        	        "oAria": {
        	        	            "sSortAscending": ": 以升序排列此列",
        	        	            "sSortDescending": ": 以降序排列此列"
        	        	        }
        	    }
                
        });
    });
    
	$('#time').fdatepicker({
		format: 'yyyy-mm-dd'
	});
    </script>

</body>

	</html>